<template>
    <div class="product-list-divider-wrap">
        <div class="list-divider-container product-list-divider">
            <div class="banner-img">
                <img :src="divide" class="image-view divider-banner">
            </div>
        </div>
        <div style="padding: 0px 1%; width: 100%; box-sizing: border-box;">
            <!---->
        </div>
    </div>
</template>

<script>
export default {
  props: ['divideimg'],
  data() {
    return {
      divide: this.divideimg
        ? this.divideimg
        : 'https://image.missfresh.cn/category_group_images/91D21E0987B113259EC4382F58AEFB49.PNG'
    }
  }
}
</script>

<style lang="scss" scoped>
.product-list-divider-wrap {
  background-color: rgb(255, 255, 255);
  overflow: hidden;
  .list-divider-container {
    text-align: center;
    background: #fff;
    .banner-img {
      width: 100%;
      height: 72px;
      display: block;
      .divider-banner {
        display: block;
        width: 100%;
        height: 100%;
      }
    }
  }
}
</style>
